import React from 'react';
import { SvgIcon, type SvgIconProps } from '@mui/material';

const SendReceive: React.FC<SvgIconProps> = (props) => {
  return (
    <SvgIcon sx={props.sx} color={props.color} x='0px' y='0px' viewBox='0 0 300 300'>
      <g>
        <path
          fill={props.color}
          d='M150.021,2.579C68.341,2.579,2.127,68.793,2.127,150.472c0,81.682,66.214,147.895,147.895,147.895
            c81.676,0,147.89-66.213,147.89-147.895C297.911,68.793,231.697,2.579,150.021,2.579z M99.195,73.557
            c0,0,60.301,60.307,60.306,60.309c4.899,4.895,11.188,13.849,8.663,21.061c-1.835,5.236-6.053,9.546-9.893,13.383
            c-0.091,0.093-59.076,59.078-59.076,59.078c-6.26,6.26-16.406,6.26-22.665,0c-6.261-6.256-6.261-16.406,0-22.665l54.247-54.25
            L76.53,96.224c-6.261-6.259-6.261-16.407,0-22.667c3.128-3.128,7.23-4.693,11.329-4.693C91.965,68.864,96.065,70.429,99.195,73.557
            z M146.365,73.557c3.125-3.128,7.23-4.693,11.33-4.693c4.101,0,8.204,1.565,11.335,4.693c0,0,60.303,60.307,60.308,60.309
            c4.895,4.894,11.188,13.849,8.659,21.061c-1.832,5.236-6.05,9.546-9.889,13.383c-0.092,0.094-59.078,59.078-59.078,59.078
            c-6.256,6.26-16.405,6.26-22.665,0c-6.258-6.256-6.258-16.406,0-22.665l54.246-54.25l-54.246-54.25
            C140.107,89.966,140.107,79.818,146.365,73.557z'
        />
      </g>
    </SvgIcon>
  );
};

export default SendReceive;
